.deui-flex-row {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.deui-flex-col-6 {
    flex: 0 0 50%;
    background-color: #fff;
    border: 1px solid #f00;
}

.deui-flex-col-4 {
    flex: 0 0 33.33333%;
    background-color: #fff;
    border: 1px solid #f00;
}

.deui-flex-col-3 {
    flex: 0 0 25%;
    background-color: #fff;
    border: 1px solid #f00;
}

.deui-flex-col-5 {
    flex: 0 0 20%;
    background-color: #fff;
    border: 1px solid #f00;
}

.deui-flex-col {
    flex: 1;
    background-color: #fff;
    border: 1px solid #f00;
}
